.data-box{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #2C58A6;
    position: relative;
    // box-shadow: 0 0 10px #2C58A6;
    box-shadow: 0 0 3rem rgba(100,200,255,.5) inset;
    &.noborder{
        border: none;
        box-shadow: none;
    }
    .line-box {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        i {
            background-color: #4788fb;
            box-shadow: 0px 0px 10px #4788fb;
            position: absolute;
            &.l-t-line{
                width: 5px;
                height: 24px;
                left: -3px;
                top: -3px;
            }
            &.t-l-line{
                height: 5px;
                width: 26px;
                left: -3px;
                top: -3px;
            }
            &.t-r-line{
                height: 5px;
                width: 26px;
                right: -3px;
                top: -3px;
            }
            &.r-t-line{
                width: 5px;
                height: 24px;
                right: -3px;
                top: -3px;
            }
            &.l-b-line{
                width: 5px;
                height: 24px;
                left: -3px;
                bottom: -3px;
            }
            &.b-l-line{
                height: 5px;
                width: 26px;
                left: -3px;
                bottom: -3px;
            }
            &.r-b-line{
                width: 5px;
                height: 24px;
                right: -3px;
                bottom: -3px;
            }
            &.b-r-line{
                height: 5px;
                width: 26px;
                right: -3px;
                bottom: -3px;
            }
        }
    }
    .main-title{
        width: 180px;
        height: 35px;
        line-height: 33px;
        background-color: #2C58A6;
        border-radius: 18px;
        position: absolute;
        text-align: center;
        top: -17px;
        left: 50%;
        margin-left: -90px;
        color: #fff;
        font-size: 2rem;
        font-weight:bold;
        box-sizing: border-box;
        z-index: 1000;
        i{
            color: fff;
        }
    }
    .in-title{
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #61d2f7;
        background-color: #1E2E8E55;
        padding:0px 10px;
        font-weight:bold;
        font-size: 1.0rem;
        // margin-top: 10px;
        z-index: 1000;
    }
    .chart{
        position: relative;
        width: 100%;
        height: calc(100% - 20px);
        z-index: 1;
    }
}
